<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			//对象取值
			const obj ={
				name:'vue3',
				age:16
			}		
			
				//1.点号取值
				console.log(obj.name)
				console.log(obj.age)
				
				//2.中括号取值
				console.log(obj['name'])
				console.log(obj['age'])
				
				let m = 'name'
				let n = 'age'
				
				//当属性名是字符串时，是否必须用中括号（[]）访问属性值，取决于属性名是否通过变量传递。
				console.log(obj[m]) //let m = 'name' 其中属性名'name'为字符串，属性名name通过变量m传递
				console.log(obj[n])
				
				let min = 1
				let max = 99
				
				let object ={
					min:min,
					max:max
				}
				//简写
				let objSimple ={
					min,
					max
				}
			
			//解构赋值
				//解构数组
				let arr = [1, 2, 3 ]
				//arr数组中的元素分别赋值给a，b，c
				// let a = arr[0]
				// let b = arr[1]
				// let c = arr[2]
				//解构
				let [ a, b, c] = arr
				console.log(a,b,c)
				
				// , 可以用做占位
				//eg：把 arr 中的后两个值赋值给变量 d ,e
				let [, d, e] = arr
				console.log(d,e)
				
				//把 arr 中的第1个值赋值给变量 f, 剩余的全部给到变量 rest
				let [f, ...rest] = arr
				console.log(f,rest)
				
		</script>
	</body>
</html>